/* ======== color ======== */

@colorPrimary: #2D69E0;
@colorSuccess: #26BF7F;
@colorWarning: #FAAD14;
@colorDanger: #EE5443;
@colorInfo: #F5F5F5;
@colorPrimaryAlpha1: rgba(@colorPrimary, 0.1);
@colorSuccessAlpha1: rgba(@colorSuccess, 0.1);
@colorWarningAlpha1: rgba(@colorWarning, 0.1);
@colorDangerAlpha1: rgba(@colorDanger, 0.1);
@colorInfoAlpha1: rgba(@colorInfo, 0.1);
@colorWhite: #FFFFFF;
@colorBlack: #000000;
@colorGray10: #1A1A1A;
@colorGray20: #333333;
@colorGray30: #595959;
@colorGray40: #666666;
@colorGray60: #999999;
@colorGray70: #B3B3B3;
@colorGray80: #DDDDDD;
@colorGray90: #E5E5E5;
@colorGray95: #EFEFEF;
@colorGray96: #F5F5F5;
@colorGray98: #FAFAFA;
@colorBgWhite: #F2F7F6;
@colorBgGray: #E8EDEC;
@colorBgDark: #4D4D4D;
@colorGray97: #f7f7f7;
@colorWhiteAlpha05: #FFFFFF0C;
@colorWhiteAlpha0: #00000000;
@colorWhiteAlpha1: #FFFFFF19;
@colorWhiteAlpha2: #FFFFFF33;
@colorWhiteAlpha3: #FFFFFF4C;
@colorWhiteAlpha4: #FFFFFF66;
@colorWhiteAlpha5: #FFFFFF7F;
@colorWhiteAlpha8: #FFFFFFCC;
@colorBlackAlpha05: #0000000C;
@colorBlackAlpha0: #00000000;
@colorBlackAlpha1: #00000019;
@colorBlackAlpha2: #00000033;
@colorBlackAlpha3: #0000004C;
@colorBlackAlpha4: #00000066;
@colorBlackAlpha5: #0000007F;
@colorBlackAlpha8: #000000CC;

/* ======== size ======== */
@sizeMain: 28rpx;
@sizeSecond: 24rpx;

@sizeLarge: 40rpx;
@sizeMedium: 16rpx;
@sizeRegular: 32rpx;
@sizeSmall: 20rpx;
@sizeMini: 16rpx;


/* ======== other ======== */
@borderRadiusMain: 8rpx;
@borderRadiusSecond: 2px;
@borderRadiusMax: 20rpx;
@borderRadiusLarge: 16rpx;
@borderRadiusMedium: 6px;
@borderRadiusSmall: 8rpx;
@borderRadiusMini: 2px;

@paddingMain: 32rpx;
@paddingSecond: 16rpx;

@paddingLarge: 30px;
@paddingMedium: 32rpx;
@paddingRegular: 24rpx;
@paddingSmall: 16rpx;
@paddingMini: 8rpx;

@boxShadowMain: 0 4rpx 8rpx 0 @colorBlackAlpha05;
